<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Features || AirIP</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Favicon Icon -->
        <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
		
		<!-- Google Fonts -->
		<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet"> 
		
		
		<!-- all css here -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/font-awesome.min.css">
        <link rel="stylesheet" href="css/animate.css">
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/slick.css">
        <link rel="stylesheet" href="css/meanmenu.min.css">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    	<!-- Header Area Start -->
		<header class="header-area fixed">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-4 col-xs-6">
                        <div class="logo">
                            <a href="index.html"><img src="img/logo.png" alt="AirIP"></a>
                        </div>
                    </div>
                    <div class="col-md-8 hidden-sm hidden-xs">
                        <div class="main-menu text-center">
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li class="active"><a href="features.html">Features</a></li>
                                    <li><a href="pricing.html">VOIP Price</a></li>
                                    <li><a href="support.html">Support</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="contact-us.html">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-4 hidden-xs">
                        <button class="modal-view nav-btn" data-toggle="modal" data-target="#productModal"><i class="fa fa-bars"></i><span>Sign In / Sign Up</span></button> 
                    </div>
                    <div class="col-md-12">
                       <div class="mobile-menu  hidden-lg hidden-md">
                            <nav>
                                <ul>
                                    <li class="active"><a href="index.html">Home</a></li>
                                    <li><a href="features.html">Features</a></li>
                                    <li><a href="pricing.html">VOIP Price</a></li>
                                    <li><a href="support.html">Support</a></li>
                                    <li><a href="service.html">Services</a></li>
                                    <li><a href="contact-us.html">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div> 
                </div>
            </div>
		</header>
		<!-- Header Area End -->
		<!-- breadcrumbs start -->
		<section class="breadcrumbs-area pt-200 pb-140 bg-1 bg-blue fix">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <div class="breadcrumbs">
                            <h2 class="page-title">Features</h2>
                            <ul>
                                <li>
                                    <a class="active" href="#">Home</a>
                                </li>
                                <li>Features</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
		<!-- breadcrumbs end -->
		<!-- feature Area Start -->
		<div id="feature" class="service-area bg-2 features-pages">
		    <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="single-service-container">
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <img src="img/icon/voip.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>Business</span>
                                    <span>VOIP</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <img src="img/icon/pbx.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>Hosted</span>
                                    <span>PBX</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <img src="img/icon/sip.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>Traking</span>
                                    <span>SIP</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <img src="img/icon/clock.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>Call</span>
                                    <span>Center</span>
                                </div>
                            </div>
                            <div class="single-service-item">
                                <div class="service-icon">
                                    <div class="service-icon-cell">
                                        <img src="img/icon/resi.png" alt="">
                                    </div>
                                </div>
                                <div class="service-text">
                                    <span>Residential</span>
                                    <span>VOIP</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="service-section">
                    <div class="row">
                        <div class="col-lg-offset-6 col-lg-6 col-md-8 col-md-offset-4 col-sm-12 col-xs-12">
                            <div class="service-container">
                                <h2>Why Chose Us</h2>
                                <div class="service-column">
                                    <div class="service-item">
                                        <h3>VOIP Service</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>Contracts 60 Free</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>Unlimited Calling</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>Phone Service</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>Bulk SMS</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                    <div class="service-item">
                                        <h3>Cheap Rate</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
		    </div>
		</div>
		<!-- feature Area End -->
        <!-- Footer Widget Area Start -->
        <div class="footer-widget-area bg-light pb-60 mt-100">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>01</h1>
                                <h2>Contact</h2>
                            </div>
                            <div class="footer-content">
                                <div class="contact-info">
                                    <h4 class="c-content">Address :	</h4>
                                    <span>77/sevent Streeth<br>USA. Zip 4500.</span>
                                </div>
                                <div class="contact-info">
                                    <h4 class="c-content">Phone :	</h4>
                                    <span>+88092 (1) 5184203<br>+00 (22) 225455565</span>
                                </div>
                                <div class="contact-info">
                                    <h4 class="c-content">E-mail :	</h4>
                                    <span>info@devitems.com<br>devitems@email.com</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>02</h1>
                                <h2>Information</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li><a href="#">About VoIP</a></li>
                                    <li><a href="#">About Our Service</a></li>
                                    <li><a href="#">Out Bulk SMS Service</a></li>
                                    <li><a href="#">Online Support</a></li>
                                    <li><a href="#">Cloud Storage</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>03</h1>
                                <h2>Support</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li><a href="#">About VoIP</a></li>
                                    <li><a href="#">About Our Service</a></li>
                                    <li><a href="#">Out Bulk SMS Service</a></li>
                                    <li><a href="#">Online Support</a></li>
                                    <li><a href="#">Cloud Storage</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 hidden-sm">
                        <div class="single-footer-widget">
                            <div class="footer-title">
                                <h1>04</h1>
                                <h2>Why Air.IP</h2>
                            </div>
                            <div class="footer-content">
                                <ul class="footer-widget-list">
                                    <li><a href="#">About VoIP</a></li>
                                    <li><a href="#">About Our Service</a></li>
                                    <li><a href="#">Out Bulk SMS Service</a></li>
                                    <li><a href="#">Online Support</a></li>
                                    <li><a href="#">Cloud Storage</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Widget Area End -->
        <!-- Footer Area Start -->
        <div class="footer-area">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <div class="footer-text">
                            <span class="block">Copyright&copy; 2017 <a href="#">HasTech</a>. All rights reserved.</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Area End -->
        <!-- Login Register Start -->
        <div id="quickview-login">
            <div class="modal fade" id="productModal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
                        </div>
                        <div class="modal-body">
                            <div class="header-tab-menu">
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#login" aria-controls="login" role="tab" data-toggle="tab">login</a></li>
                                    <li role="presentation"><a href="#register" aria-controls="register" role="tab" data-toggle="tab">Sign Up</a></li>
                                </ul>
                            </div>
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="login"> 
                                    <div class="login-form-container">
                                        <span>Please login using account detail bellow.</span>
                                        <form action="#" method="post">
                                            <input type="text" name="user-name" placeholder="Username">
                                            <input type="password" name="user-password" placeholder="Password">
                                            <div class="button-box">
                                                <div class="login-toggle-btn">
                                                    <input type="checkbox" id="remember">
                                                    <label for="remember">Remember me</label>
                                                    <a href="#">Forgot Password?</a>
                                                </div>
                                                <button type="submit" class="default-btn floatright">Login</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="register"> 
                                    <div class="register-form">
                                        <span>Please sign up using account detail bellow.</span>
                                        <form action="#" method="post">
                                            <input type="text" name="user-name" placeholder="Username">
                                            <input type="password" name="user-password" placeholder="Password">
                                            <input type="email" name="user-email" placeholder="Email">
                                            <div class="button-box">
                                                <button type="submit" class="default-btn floatright">Register</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>    
						</div>	
					</div>	
				</div>
			</div>
        </div>
        <!-- Login Register End -->
        
		<!-- All js here -->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.nav.js"></script>
        <script src="js/slick.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/ajax-mail.js"></script>
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/counterup.js"></script>
        <script src="js/jquery.meanmenu.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
